<template>
	<view class="content">
		<view class="bazixinxi">


			<view class="base_info">

				<view class="show">
					<text class="l">甲方姓名:</text>
					<text class="r">{{obj.female.name}}</text>
				</view>
				<view class="show">
					<text class="l">出生公历:</text>
					<text class="r">{{obj.female.gongli}}</text>
				</view>

				<view class="show">
					<text class="l">生肖属:</text>
					<text class="r">{{obj.female_sx}}</text>
				</view>
				<view class="show">
					<text class="l">您属于:</text>
					<text class="r">{{obj.minggong.female_fengshui}}</text>
				</view>
			</view>
			<view class="table">
				<view class="list-content">
					<view class="tr1">
						<view class="tr1_w">
							<text class="">#</text>
						</view>
						<view class="" v-for="(tr1,index) in obj.female.tg_cg_god" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr2">
						<view class="tr1_w">
							<text style="font-weight: 800;">乾造</text>
						</view>
						<view class="" v-for="(tr1,index) in obj.female.bazi" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>{{(obj.female.kw+'空')}}</text>
						</view>
					</view>
					<view class="tr3">
						<view class="tr1_w">
							<text style="font-weight: 800;">藏干</text>
						</view>
						<view class="" v-for="(tr1,index) in obj.female.dz_cg" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr3">
						<view class="tr1_w">
							<text> </text>
						</view>
						<view class="item_w" v-for="(tr1,index) in obj.female.dz_cg_god" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr3">
						<view class="tr1_w">
							<text style="font-weight: 800;">衰旺</text>
						</view>
						<view class="item_w" v-for="(tr1,index) in obj.female.day_cs" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr3" style="border-bottom: none;">
						<view class="tr1_w">
							<text style="font-weight: 800;">纳音</text>
						</view>
						<view class="item_w_nayin" v-for="(tr1,index) in obj.female.na_yin" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="bazixinxi" style="margin-top: 10px;">
			<view class="base_info">

				<view class="show">
					<text class="l">乙方姓名:</text>
					<text class="r">{{obj.male.name}}</text>
				</view>
				<view class="show">
					<text class="l">出生公历:</text>
					<text class="r">{{obj.male.gongli}}</text>
				</view>

				<view class="show">
					<text class="l">生肖属:</text>
					<text class="r">{{obj.male_sx}}</text>
				</view>
				<view class="show">
					<text class="l">您属于:</text>
					<text class="r">{{obj.minggong.male_fengshui}}</text>
				</view>
			</view>
			<view class="table">
				<view class="list-content">
					<view class="tr1">
						<view class="tr1_w">
							<text class="">#</text>
						</view>
						<view class="" v-for="(tr1,index) in obj.male.tg_cg_god" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr2">
						<view class="tr1_w">
							<text style="font-weight: 800;">乾造</text>
						</view>
						<view class="" v-for="(tr1,index) in obj.male.bazi" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>{{(obj.male.kw+'空')}}</text>
						</view>
					</view>
					<view class="tr3">
						<view class="tr1_w">
							<text style="font-weight: 800;">藏干</text>
						</view>
						<view class="" v-for="(tr1,index) in obj.male.dz_cg" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr3">
						<view class="tr1_w">
							<text> </text>
						</view>
						<view class="item_w" v-for="(tr1,index) in obj.male.dz_cg_god" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr3">
						<view class="tr1_w">
							<text style="font-weight: 800;">衰旺</text>
						</view>
						<view class="item_w" v-for="(tr1,index) in obj.male.day_cs" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
					<view class="tr3" style="border-bottom: none;">
						<view class="tr1_w">
							<text style="font-weight: 800;">纳音</text>
						</view>
						<view class="item_w_nayin" v-for="(tr1,index) in obj.male.na_yin" :key="index">
							<text>{{tr1}}</text>
						</view>
						<view class="tr1_w">
							<text>#</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="hepanjieguo">
			<view class="title">
				<text class="shu"></text>
				<span class="ti">合婚结果</span>
			</view>
			
			<view class="details">
				<view class="names">
					<text>合作合盘：</text>
					<text>{{obj.minggong.score}}分</text>
				</view>
				<view class="des">
					<text class="des_text">说明</text>
					<text class="des_deta">{{obj.minggong.description}}</text>
				</view>
				<view class="des">
					<text class="des_text">详批</text>
					<text class="des_deta">{{obj.minggong.detail_description}}</text>
				</view>
			</view>
			<view class="details">
				<view class="names">
					<text>生意合盘：</text>
					<text>{{obj.nianqitongzhi.score}}分</text>
				</view>
				<view class="des">
					<text class="des_text">说明</text>
					<text class="des_deta">{{obj.nianqitongzhi.description}}</text>
				</view>
				<view class="des">
					<text class="des_text">详批</text>
					<text class="des_deta">{{obj.nianqitongzhi.detail_description}}</text>
				</view>
			</view>
			<view class="details">
				<view class="names">
					<text>财运合盘：</text>
					<text>{{obj.yueling.score}}分</text>
				</view>
				<view class="des">
					<text class="des_text">说明</text>
					<text class="des_deta">{{obj.yueling.description}}</text>
				</view>
				<view class="des">
					<text class="des_text">详批</text>
					<text class="des_deta">{{obj.yueling.detail_description}}</text>
				</view>
			</view>
			<view class="details">
				<view class="names">
					<text>恋爱合盘：</text>
					<text>{{obj.rigan.score}}分</text>
				</view>
				<view class="des">
					<text class="des_text">说明</text>
					<text class="des_deta">{{obj.rigan.description}}</text>
				</view>
				<view class="des">
					<text class="des_text">详批</text>
					<text class="des_deta">{{obj.rigan.detail_description}}</text>
				</view>
			</view>
			<view class="details">
				<view class="names">
					<text>运势合盘：</text>
					<text>{{obj.tiangan.score}}分</text>
				</view>
				<view class="des">
					<text class="des_text">说明</text>
					<text class="des_deta">{{obj.tiangan.description}}</text>
				</view>
				<view class="des">
					<text class="des_text">详批</text>
					<text class="des_deta">{{obj.tiangan.detail_description}}</text>
				</view>
			</view>

			
			<view class="details">
				<view class="names">
					<text>健康合盘：</text>
					<text>{{obj.jiankang.score}}分</text>
				</view>
				<view class="des">
					<text class="des_text">说明</text>
					<text class="des_deta">{{obj.jiankang.description}}</text>
				</view>
				<view class="des">
					<text class="des_text">详批</text>
					<text class="des_deta">{{obj.jiankang.detail_description}}</text>
				</view>
			</view>
			<view class="details">
				<view class="names">
					<text>总分数：</text>
					<text>{{obj.all_score}}分</text>
				</view>
			</view>
			
			
			

		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				obj: {
					"male": {
						"bazi": ["乙未", "己丑", "戊申", "丁巳"],
						"gl_year": "2016",
						"gl_month": "1",
						"gl_day": "27",
						"gl_hours": "9",
						"sex": "乾造",
						"name": "李栋",
						"gongli": "2016年1月27日9时42分",
						"kw": "寅卯",
						"tg_cg_god": ["正官", "劫财", "日元", "正印"],
						"dz_cg": ["己|丁|乙", "己|癸|辛", "庚|壬|戊", "丙|戊|庚"],
						"dz_cg_god": ["劫财|正印|正官", "劫财|正财|伤官", "食神|偏财|比肩", "偏印|比肩|食神"],
						"day_cs": ["衰", "养", "病", "临官"],
						"na_yin": ["沙中金", "霹雳火", "大驿土", "沙中土"]
					},
					"female": {
						"bazi": ["辛丑", "辛丑", "甲子", "己巳"],
						"gl_year": "2022",
						"gl_month": "1",
						"gl_day": "11",
						"gl_hours": "9",
						"sex": "坤造",
						"name": "张芳",
						"gongli": "2022年1月11日9时42分",
						"kw": "戌亥",
						"tg_cg_god": [],
						"dz_cg": [],
						"dz_cg_god": [],
						"day_cs": [],
						"na_yin": []
					},
					"minggong": {
						"male_fengshui": "东四命",
						"female_fengshui": "东四命",
						"score": "10",
						"male_minggong": "震",
						"female_minggong": "离",
						"description": "。",
						"detail_description": "。"
					},
					"nianqitongzhi": {
						"male_nian_zhi": "未",
						"male_nian_zhi_desc": "火",
						"female_nian_zhi": "丑",
						"female_nian_zhi_desc": "水",
						"description": "",
						"detail_description": "",
						"score": "0"
					},
					"yueling": {
						"score": "10",
						"male_yue_zhi": "丑",
						"female_yue_zhi": "丑",
						"description": "",
						"detail_description": ""
					},
					"rigan": {
						"score": "10",
						"detail_description": "",
						"male_yue_zhi": "戊",
						"female_yue_zhi": "甲",
						"description": ""
					},
					"tiangan": {
						"score": "5",
						"male_yue_zhi": "戊",
						"female_yue_zhi": "甲",
						"description": "",
						"detail_description": ""
					},
					"jiankang": {
						"score": "10",
						"detail_description": "",
						"description": "。"
					},
					"all_score": 45,
					"male_sx": "羊",
					"female_sx": "牛",
					"male_xz": "水瓶座",
					"female_xz": "摩羯座"
				}

			}
		},
		methods: {

		},
		onLoad(options) {
		 this.obj=JSON.parse(options.data)
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f5f5f5;
	}

	@mixin flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px;
		height: 45px;
	}

	@mixin tr1_w {
		width: 33px;
		text-align: center;

	}
.hepanjieguo{
	background-color: #fff;
	margin: 0 5px;
	margin-top: 10px;
	border-radius: 10px;
		.title {
				display: flex;
				padding: 10rpx;

				.shu {

					width: 5px;
					height: 20px;
					background-color: #e6a84b;
					border-radius: $uni-border-radius-base;
				}

				.ti {
					padding-left: 15rpx;
					font-weight: 800;
					font-size: 30rpx;
				}
			}
			
			.details {
				border: 1px solid #e5e5e5;
				border-bottom: none;
				margin-top: 20px;
				.names {
					text-align: center;
					color: #e6a84b;
					border-bottom: 1px solid #e5e5e5;
					color: #e6a84b;
					font-weight: 800;
					background-color: #fff3ef;
					height: 50px;
					line-height: 50px;
				}
			
				.des {
					border-bottom: 1px solid #e5e5e5;
					padding-left: 20rpx;
					display: flex;
					align-items: center;
			
					.des_text {
						color: #e6a84b;
						width: 14%;
						font-weight: 800;
						user-select:text;
					}
			
					.des_deta {
						width: 85%;
						line-height: 26px;
						text-indent: 2em;
						user-select:text;
					}
				}
			}
	
}
	.bazixinxi {
		background-color: #fff;
		margin: 0 5px;
		border-radius: 10px;
	}

	.base_info {
		padding: 20px;

		.title {
			display: flex;
			padding: 10rpx;

			.shu {

				width: 5px;
				height: 20px;
				background-color: #e6a84b;
				border-radius: $uni-border-radius-base;
			}

			.ti {
				padding-left: 15rpx;
				font-weight: 800;
				font-size: 30rpx;
			}
		}

		.show {
			padding-top: 15px;

			.l_ {
				font-size: 25rpx;
				display: inline-block;
				min-width: 50px;
				font-weight: 800;
			}

			.l {
				font-size: 28rpx;
				display: inline-block;
				min-width: 80px;
				font-weight: 800;

			}


		}

	}

	.table {
		.list-content {
			width: 100%;

			.tr1 {
				.tr1_w {
					@include tr1_w;
				}

				view {
					color: #1c04cc;
					font-weight: 600;
				}

				@include flex;
				// height: 50px;
				border-bottom: 1px solid #ccc;
			}

			.tr2 {
				.tr1_w {
					@include tr1_w;
				}

				view {
					color: red;

				}

				@include flex;
				// height: 50px;
				border-bottom: 1px solid #ccc;
			}

			.tr3 {
				.tr1_w {
					@include tr1_w;
				}

				.item_w {
					width: 60px;
					text-align: center;

				}

				.item_w_nayin {
					color: green
				}

				@include flex;
				// height: 50px;
				border-bottom: 1px solid #ccc;
			}

		}
	}
</style>